<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"  initial-scale=1.0">
    <title>弹窗</title>
    <style>
        .bg {
            overflow: auto;
            z-index: 1000;
        }
        .up {
            height:175px;
            width:300px;
            margin:0px auto;
            padding: 10px;
            text-align: center;
            border-radius: 5px;
            z-index: 1001;
            position: relative;
        }
        .up>p {
            font-weight: bolder;
        }
        form {
            position: relative;
        }
        .select select {
            width:60%;
            height:26px;
            margin-left: 5px;
        }
        .title input {
            margin-top: 5px;
            height:15px;
            width: 54%;
        }
        .confirm {
            margin:20px 0 0px;
            /* float:auto; */
        }
        .edit {
            position: absolute;
            right:10px;
            
        }
    </style>
</head>
<body>
    <div class="up">
        <p>登录</p>
        <form action="">
            <div class="select">
                <span>用户名：</span>
                <input id="name" name="username" type="text">
            </div>
            <div class="title">
                <span>密码：&emsp;</span>
                <input id="password" name="password" type="password">
            </div>
            <div class="confirm">
                <img src="../pic/login.png" id="submit" value="登录" height="30px" width="60px">
                <img src="../pic/close.png" id="close" value="取消" height="30px" width="60px">
                <img src="../pic/register.png" id="register" value="注册" height="30px" width="60px">
            </div>
        </form>

        <!-- 常用的显示错误消息 -->
        <span style="color:red" id="show_status"></span>
        
</div>

    <!-- 依赖库和接口 -->
    <script type="text/javascript" src="../jquery-3.6.1.js" ></script>
    <script src="../api.js"></script>

    <script type="text/javascript" src="login.js"></script>

</body>
</html>